<template>
  <div class="bigbox">
    <div id="box">
      <div class="boxa">
       <div class="b1">
          <p>打好单词基础</p>
        <div class="py">跑赢新学期第一步</div>
       </div>
        <img src="jc1.jpg" alt="" />
      </div>
    </div>
        <div id="box">
      <div class="boxa">
        <div class="b1">
          <p>打好单词基础</p>
        <div class="py">跑赢新学期第一步</div>
        </div>
        <img src="jc2.jpg" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.bigbox{
    display: flex;
}
#box {
  /* height: 2.27rem; */
  width: 3.42rem;
  margin: 0 auto;
  margin-top: .1rem;
}
.boxa {
  width: 1.67rem;
  /* background: #faf5f5;; */
}
p {
  font-size: 0.16rem;
  width: 100%;
  height: 0.28rem;
   font-weight: 600;
  /* text-align: center; */
}
.b1{
  padding-left: .27rem;
}
.py{
    font: .11rem;
    color: rgb(181, 183, 185);
}
img {
  height: 0.69rem;
  /* text-align: start; */
  padding-left: 1.06rem;
}
</style>